
{% include 'sched_script.html' %}


<div id="schedDiv">

	<div class="tabHead">Create New Meeting</div>
	<div id="errMsgDiv">
		<!-- Add Error Notifications Here -->
	</div>
	<form action='/createEvent' method='post' name="createEventForm" id="createEvent">
		<input type="hidden" name="formEventID" id="updateEventID" value="" />
	<div id="frmSched">
		<div id="formInput"> 
			<div>
				<label for="eventDesc">Event Name</label>
			</div>
			<div>
				<input name="eventDesc" id="eventDescID" type="text" maxlength="64" style="width:240px" class="required" minlength="2"/>
			</div>
		</div> 
		<div id="formInput"> 	
		<fieldset id="schedFs" style="width:220px">
		<legend>Start Time</legend>
			<div id="formInput"> 
				<div>
					<label for="eventStrt">Event Date: </label>
					<input name="eventStrt" id="eStrtId" type="text" maxlength="10" size="8"  style="width:120px" class="required date" />
					<div style="margin-top:1.5px">
					<label for="eventStrt">Time: </label>
					<select id="eStrtTimeHr" name="eventStrtTimeHr"  > 
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8" selected="selected" >8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>
					<select id="eStrtTimeMin" name="eventStrtTimeMin"> 
						<option value="00" selected="selected" >0</option>
						<option value="15">15</option>
						<option value="30">30</option>
						<option value="45">45</option>
					</select>
					<select id="eStrtTimeMer" name="eventStrtTimeMer" > 
						<option value="a" selected="selected">AM</option>
						<option value="p">PM</option>
					</select>
					</div>
				</div>
			</div>
			<br>
			<div id="formInput"><b>Duration:</b> </div>	
			<div id="formInput">  
				<div>
					<label for="eventDurationHr">Hour(s) </label>
				</div>
				<div>	
					<select id="eDurHr" name="eventDurationHr"> 
						<option value="0"  >0</option>
						<option value="1" selected="selected" >1</option>
						<option value="2" >2</option>
						<option value="3" >3</option>
						<option value="4" >4</option>
						<option value="5" >5</option>
						<option value="6" >6</option>
						<option value="7" >7</option>
						<option value="8" >8</option>
					</select>
				</div>
			</div>	
			<div id="formInput">
				<div>
					<label for="eventDurationMin">Minutes </label>
				</div>
				<div>
					<select id="eDurMin" name="eventDurationMin">
						<option value="0" selected="selected" >00</option>
						<option value="15">15</option>
						<option value="30">30</option>
						<option value="45">45</option>
					</select>
				</div>
			</div>
		</fieldset>
		</div>
		<div id="formInput"> 
			<div style="width:240px">
				<label for="eventRoom">Room</label>
			</div>
			<div>
				<select id="selRoomId" name="selRoom" style="width:260px" >
					<option value="NoValue" selected="selected" >Select Room</option>
				</select>
				
				
			</div>
		</div>
		<div id="formInput"> 
			<div>
				<label for="eventUser">Attendee(s)</label>
			</div>
			<div>
				<select id="selUserId" name="selUser" size="6" style="width:260px"  multiple="multiple" >
					<option value="NoValue" selected="selected" >Select Users</option>
				</select>
				
				
			</div>
		</div>
		<div id="clearDiv"></div>	
		<input name="" id="eCheck" type="button" value="Check Schedules" />
		<input name="reset" id="eReset" type="reset" value="Reset Fields" />
		<input name="" id="eSubmit" type="submit" disabled="true" value="Create Event" />
		<input name="" id="updateEventBtn" type="button" disabled="true" class="_hidden" value="Update This Event" />
	</div>	
	
	<!-- uncomment for jquery endDate select   
		<div id="formInput"> 
			<div id="condEnd"> 
			<div style="width:240px">
				<label for="eventEndCheck">Set End Date:</label>
				<input name="eventEndCheck" id="eEndChkId" type="checkbox" value="isChecked" />
			</div>
			</div>
		</div>
		<div id="formInput"> 
			<div id="condEnd"> 
				<div>
					<label for="eventEnd">Event End</label>
				</div>
				<div>
					<input name="eventEnd" id="eEndId" type="text" maxlength="10" size="8" />
				</div>
			</div>
		</div>
		-->
	
	
	</form>

</div>
